<!DOCTYPE html>
<html>
	
<head>
	<meta charset="utf-8">
	<!-- //事件 发生到js中的各种行为 -->
	<title></title>
	<!-- <div id="div" onclick="change(this)">1</div> -->
	<div id="div1">1</div>
	<div id="div2">2</div>
	
</head>
<body>

	<script>
		var div=document.getElementById('div');
		//div.addEventListener('click',change());//加括号自动运行一次 不加不会运行
		//div.addEventListener('click',change);
		
		// div.addEventListener('click',change);//path 路径 addEventListener是监听的意思
		document.addEventListener('click',change);//path 路径 
			
		
		
		function change(e){
			console.log(e);
			//console.log(e.target);
			var div=e.target;
			if(div.innerHTML=="1"){
				div.innerHTML=="2";
			}else{
				div.innerHTML=="1";
			}
			

		//console.log(e.target);
		
		//function change(e){
		//div.innerHTML="2";
		
		// console.log(div);
		// div.onclick=function change(){
		// 	div.innerHTML="2";

		//function change(div){
			//div.innerHTML="2";
			
			
	}
	</script>
</body>
</html>
